<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="English.Management_Method_EN.Introduce_Table_En" %>
<jsp:useBean id="database" class="English.Management_Method_EN.Introduce_Table_En" scope="request" />   
<!DOCTYPE html>
<html>
<head>

  <title>Knowledge-base system</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  <link rel="stylesheet" type="text/css"  href="../CSS/Introduce.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 <script src="../JS_EN/Table_Search_En.js"></script>
  <script src="../JS_EN/DAO_Check_En.js"></script>
  
</head>
<body>

 <%--横向导航栏--%>
  <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
    <a class="navbar-brand" href="../Search_En.jsp">
      <i class="fa fa-book" style="font-size:22px">
        &nbsp Knowledge-base system
      </i>
    </a>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav" >
        <li class="nav-item">
            <a class="nav-link" href="Administrator_En.jsp">&nbsp&nbsp&nbsp&nbsp AdminInfo</a>
          </li>
        <li class="nav-item">
            <a class="nav-link" href="Phenomenon_En.jsp">&nbsp&nbsp&nbsp&nbsp Phenomena</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Effect_En.jsp">&nbsp&nbsp&nbsp&nbsp Effect</a>
          </li>
          <li class="nav-item">
            <a class="nav-link active" href="Introduce_En.jsp">&nbsp&nbsp&nbsp&nbsp Effect of description</a>
          </li>  
          <li class="nav-item">
            <a class="nav-link" href="Example_En.jsp">&nbsp&nbsp&nbsp&nbsp Example</a>
          </li>    
        </ul>
    </div> 
   		<form class="form-inline" name="searchgroup"> 
	      <select class="form-control" name="Search_Select" id="Search_Select" style="max-width: 85px;">
				        <option value="indexe">Index
				        <option value="effect">Effect
			</select>
	      <input type="text" id="myInput" class="form-control" onkeyup="Select_Search2()" placeholder="Search in the current table" >
	    </form>
  </nav>

<div class="container" id="DAOTable">
  <div class="container" style="margin-top:30px;" id="DAO">
	  <div class="btn-group flex-container" id="DAObutton"  >
	  	<button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Addemo">
        <i class="fa fa-plus-square">&nbsp&nbsp Add</i>
      </button>
	  	<button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Deldemo">
        <i class="fa fa-minus-square-o">&nbsp&nbsp Delete</i>
      </button>
	  	<button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Modifydemo">
        <i class="fa fa-wrench">&nbsp&nbsp Modify</i>
      </button>
    </div>

    <div id="Addemo" class="collapse">
      <form id="Addgroup" name="Add" action="../Check_EN/Introduce_Add_Check_En.jsp" onsubmit="return Introduce_Add_Check()"  method="post">
       
        <div class="form-inline form-group">
          <label for="indexe">E index:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="indexe" name="indexe" style="margin-right:20px;">
          <label for="effect">Effect:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="effect" name="effect" style="margin-right:20px;">
          <button type="submit" class="btn btn-dark " style="margin-left:30px;" onclick="Introduce_Add_Check()">
            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Add
          </button>
        </div>
        
          <div class="form-group form-inline">
          <label for="description">Description:&nbsp&nbsp</label>
            <textarea class="form-control col-md-10" id="description" name="description" rows="4"></textarea>
        </div>
      </form>
       <h5 id="Note">PS:When adding effect of description, please use HTML tags to segment, bold and other operations on the text.</h5>
    
    </div>

    <div id="Deldemo" class="collapse">
    	<form class="form-inline form-group" id="Delgroup" name="Del" action="../Check_EN/Introduce_Del_Check_En.jsp" onsubmit="return Introduce_Del_Check()"  method="post">
      
          <label for="effect">Effect:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="effect" name="effect">
          <button type="submit" class="btn btn-dark" style="margin-left:30px;" onclick="Introduce_Del_Check()">            
            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Delete
          </button>
        </form>
    </div>
    
    <div id="Modifydemo" class="collapse">
       
      <form id="Modifygroup" name="Modify" action="../Check_EN/Introduce_Modify_Check_En.jsp" onsubmit="return Introduce_Modify_Check()"  method="post">
        <div class="form-inline form-group">
          <label for="indexe">E index:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="indexe" name="indexe" style="margin-right:20px;">
          <label for="effect">Effect:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="effect" name="effect" style="margin-right:20px;">
          <button type="submit" class="btn btn-dark " style="margin-left:30px;" onclick="Introduce_Modify_Check()">
            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Modify
          </button>
        </div>
        
          <div class="form-group form-inline">
          <label for="description">Description:&nbsp&nbsp</label>
            <textarea class="form-control col-md-10" id="description" name="description" rows="4"></textarea>
        </div>
      </form>
        <h5 id="Note">PS:This function is the modification effect and the effect of description，<b>the index should be filled in correctly</b>.When Modifying effect of description, please use HTML tags to segment, bold and other operations on the text.</h5>
    
    </div>

  </div>
	
		<%--现象效应对应索引表 --%>
    	<% request.setCharacterEncoding("UTF-8"); %>
		<jsp:getProperty name="database" property="queryResult" />
	</div>

  <%-- 底边栏 --%>
    <footer class="footer text-center relative-bottom">CopyRight © Code:1024</footer>

</body>
</html>